/* 2xL */
@media (width >= 1536px) {  }
/* 1xL */
@media (width <= 1280px) { 
   
} 
/* LG */
@media (width <= 1024px) { 
    .main{
        padding: 50px 0px;
    }
    .heading{
        margin: auto;
        width: 100%;  
    }
    .heading h1{
        font-size: 70%;
        text-align: center;
    }
    .course-explore .main .row{
        display: inline;
    }
    .course-explore .main .col1{
        width: 100% ;
        display: grid;
        justify-items: center;
        text-align: center;
    }
    .course-explore .main .col1 a{
        margin-top: -40px;
        padding: 7px 15px 5px 15px;
    }
    .course-explore .main .col2{
        width: 100%;
        margin-top: 20px;
    }
    .course-explore .main .col2 img{
        width: 70%;
    }
    .five-block .container .row .col{
        font-size: 70%;
    }
    .sec-three .main .row1{
        display: inline;
    }
    .sec-three .main .row1 .col1{
        width: 100%;
    }
    .sec-three .main .row1 .col1 .sub-title{
        text-align: center;
        margin: auto;
    }
    .sec-three .main .row1 .col1 .container{
        margin-top: 10px;
    }
    .sec-three .main .row1 .col2{
        width: 100%;
        margin-top: 20px;
    }
    .sec-three .main .row1 .col2 img{
        width: 70%;
    }
     .Potential .main .container .row .col div{
      width: 80%;
      font-size: 80%;
      padding: 5px;
    }
 
    .Curriculum .main .topics section{
    padding: 10px 20px;
    margin-right: 20px;
    font-size: 80%;
    }
    .Curriculum .main .module .row1{
        font-size: 80%;
    }
    .Curriculum .main .module .row2{
        margin-right: 5px;
        font-size: 80%;
    }
 
 }
/* MD */
@media (width >= 768px){
    
}
@media (width < 768px) { 
    .five-block .container .row .col{
        width: 33%;
        margin: 5px auto;
        display: grid;
        border-right: none;
        border-bottom: 1px solid var(--line-color);
    }
    .five-block .container .row .col h5{
    font-size: 100%;
  }
  .five-block .container .row .col p{
    font-size: 100%;
  }
    .Potential .main .container .row .col div{
      width: 80%;
      font-size: 80%;
    }
    .Curriculum .main .topics section{
    padding: 10px 20px;
    margin-right: 20px;
    font-size: 70%;
    }
    .Curriculum .main .module{
      height: 300px;
    }
    .Curriculum .main .module .row1{
        font-size: 30%;
    }
    .Curriculum .main .module .row1 .head{
      padding: 5px;
    }
    .Curriculum .main .module .row1 .head p{
      font-size: 9px;
    }
    .Curriculum .main .module .row1 .head h5{
      font-size: 13px;
      margin-top: -15px;
    }
    .Curriculum .main .module .row2{
        margin-right: 5px;
        font-size: 70%;
    }
    .Curriculum .main .module .row2 .col{
    border-bottom: 1px solid var(--p-text-color);
    width: 100%;
    margin-bottom: -0px;
    display: flex; 
    padding: 5px;
}
    .Curriculum .main .module .row2 .col p{
    width: 90%;
    padding: 5px 10px 0px 5px;
    margin-bottom: -0px;
}
  
 }
/* SM */
@media (width <= 640px) { 
  .main{
    padding: 20px 0px;
  }
    .heading h1{
        font-size: 50%;
        text-align: center;
    }
  .five-block .container .row .col h5{
    font-size: 100%;
  }
  .five-block .container .row .col p{
    font-size: 100%;
  }
  .sec-three .main{
    width: 100%;
  }
  .sec-three .container .row{
    width: 100%;
  }
  .sec-three .container .row .col{
    width: 50%;
  }
  .sec-three .container .row .col h6{
    font-size: 70%;
    width: 100%;
  }
  .sec-three .container .row .col p{
    font-size: 70%;
    width: 100%;
  }
  .Potential .main{
    width: 100%;
  }
  .Potential .main .container .row .col div{
    display: grid;
    justify-items: center;
    text-align: center;
    padding: 10px;
    font-size: 70%;
  }
  .Potential .main .container .row .col img{
    width: 40%;
  }
  .Curriculum .main{
    width: 100%;
    padding: 20px 5px;
  }
  .Curriculum .main .topics section{
    padding: 10px 20px;
    margin-right: 20px;
    font-size: 70%;
    }
    .Curriculum .main .module .row1{
        font-size: 30%;
    }
    .Curriculum .main .module .row1 .head{
      padding: 5px;
    }
    .Curriculum .main .module .row1 img{
      width: 15px;
      height: 20px;
    }
    .Curriculum .main .module .row1 .head p{
      font-size: 9px;
    }
    .Curriculum .main .module .row1 .head h5{
      font-size: 13px;
      margin-top: -15px;
    }
    .Curriculum .main .module .row2{
        margin-right: 5px;
        font-size: 70%;
    }
    .Curriculum .main .module .row2 .col{
    border-bottom: 1px solid var(--p-text-color);
    width: 100%;
    margin-bottom: -0px;
    display: flex; 
    padding: 5px;
}
    .Curriculum .main .module .row2 .col p{
    width: 90%;
    padding: 5px 10px 0px 5px;
    margin-bottom: -0px;
}
  
} 

@media (width <= 400px){
  /* .Curriculum .topics span{
    font-size: 70%;
    font-weight: 500;
  } */
   .Curriculum .main .module .row1 .col p{
    font-size: 100%;
  }
     .Curriculum .main .module .row1 .col h5{
    font-size: 10px;
    margin-top: -15px;
  }

}